<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>

<div id="d1"></div>

</body>
<script>
    /*创建的元素不能重复执行同一操作，否则无效*/
    let div1 = document.getElementById("d1");
    //创建元素
    let input = document.createElement("input");
    input.type="password";
    //添加元素
    div1.appendChild(input);
    let input2 = document.createElement("input");
    input2.setAttribute("value","12456");
    //父元素调用，将input2添加到input之前；
    div1.insertBefore(input2,input);
    //父元素调用，将input替换成input2,先删除input元素，再替换
   // div1.replaceChild(input2,input);

</script>
</html>